'use client'
import { useState } from 'react'

export default function Template({
	children
}: Readonly<{
	children: React.ReactNode
}>) {
	const [count, setCount] = useState(0)

	return (
		<html lang='en'>
			<body>
				<div className='border-2 p-4 border-dashed border-black mx-auto mt-10'>
					<h2>Dashboard template {count}</h2>
					{children}
					<button
						className='bg-black p-2 text-white my-4 rounded-md'
						onClick={() => setCount(count + 1)}
					>
						Increment
					</button>
				</div>
			</body>
		</html>
	)
}
